html{
    font-size: 20px;
}
body{
    background:#F6F6F6 ;
    font-family:"宋体";
}
.banner{
    width: 18.75rem; 
    height:9.15rem ;
    position: relative;
    li{
        position:absolute;
        list-style: none;
        display: none;
        .show{
            display: block;
        }
        img{
            width: 100%;
        }
    }
}
.theme{
    width: 9.15rem;
    display: flex;
        img{
            width:6.249rem ;
            height: 5rem;
        }
}
.list{
    width: 100%;
    background: #F6F6F6;
    ul{
        width: 100%;
        display: flex;
        li{
            text-align: center;
            align-content: center;
            justify-content: center;
            display: flex;
            width:20%;
            flex-direction: column;
            img{
                text-align: center;
                width: 1.45rem; 
                height: 1.45rem;
                margin-left:1.15rem;
                }
            p{
               color: #989898;
               margin: 0.05rem 0rem;
            }
        }
    }
}
.list_a{
    width: 100%;
    height:5.75rem ;
    img{
        width: 100%;
        height: 100%;
   
    }
}
.SlideUpAndDown{
    background: white;
    width: 100%;
    height:1.5rem ;
    display: flex;
    line-height:1.5rem ;
    img{
        margin-left: 0.5rem;
        width: 3.65rem;
        height: 0.8rem;
        margin: 0.375rem;
    }
    .swiper-container{
       margin-left: 0; 
       margin-top: rem;
            span{
            color: red;
        }
       
    }
    .More{
        margin-right: 0.5rem;
        line-height: 1.5rem;
       a{
           border-left: 1px solid #ccc;
       }
    } 
}
.Seckill{
    width: 100%;
    height: 8.75rem;
    .Seckill_a{
     
        width: 100%;
        height: 1.7rem;
        display: flex;
        line-height: 1.7rem;
           a{
               width: 12.75rem;
               display: flex;
            img{
            width:3.45rem ;
            height:1.35rem ;
        }
        div{
            margin-top:0.4rem ;
            display: flex;
            p{
                width:0.85rem ;
                height: 0.75rem;
                border: 1px solid #939393;
                line-height:0.75rem;
                text-align: center;
            }
        }
        }
        
    }
    .MobilePhone{
        width: 100%;
        height: 5.4165rem;
        ul{
            display: flex;
            width: 100%;
            li{
                width: 25%;
                text-align: center;
                display: flex;
                flex-direction: column;
                p{
                    font-size:0.8rem ;
                    color: #F37070;
                }
                img{
                    width:4.3165rem ;
                    height:4.6rem ;
                }
                del{
                    color:#939393 ;
                }
            }
        }
    }
}
.red{
    color: #F37070;
}
.colour{
    width: 100%;
    height:6rem ;
    ul{
        display: flex;
        width:100% ;
        li{
            width:25% ;
            height: 6rem;
            img{
                width: 3.25rem;
                height: 3.25rem;
            }
        }
    }
}
